*{box-sizing: border-box;}
.fixed-flolt{width:178px;height:428px;background:url(../images/rlflbg.png) center top no-repeat;position:fixed;right:10px;bottom:22%;padding:10px 4px 63px;line-height:1;z-index:9999;/*transform:scale(.9)*/}
.fixed-flolt:before{content:"";width:216px;height:133px;background:url(../images/rlflpic.png) center no-repeat;position:absolute;right:-18px;top:-80px}
.fixed-flolt .btn{width:170px;height:64px;padding:12px 0;padding-left:62px;margin-top:10px;background:url(../images/swt_bg.png);border-radius:20px;font-size:20px;font-weight: bold; color:#f12036;display:block;position:relative;cursor:pointer;transition:all linear .3s;box-shadow: 0 5px 5px rgb(0 0 0 / 50%)}
.fixed-flolt .btn:before{content:"";width:46px;height:50px;border-radius:14px;position:absolute;left:12px;top:0;bottom:0;margin:auto 0;box-shadow:0 3px 5px rgba(251,54,12,.67);transition:all linear .3s}
.fixed-flolt .btn span{color: #f12036;font-weight:700;display:inline-block;margin-top:6px;transition:all linear .3s;font-size:12px}
.fixed-flolt .btn span:before{content:"";height:1px;background-image:linear-gradient(to right,transparent,#fdeac0,transparent);position:absolute;left:0;right:0;bottom:-1px}
.fixed-flolt .btn:hover{color:rgba(246,104,38,.75)}
.fixed-flolt .btn:hover span{color:#f66a28;background: none}
.fixed-flolt .btn1:before{background:url(../images/rlfltb01.png) center no-repeat}
.fixed-flolt .btn1:hover:before{background:url(../images/rlfltb01.png) center no-repeat}
.fixed-flolt .btn2:before{background:url(../images/rlfltb02.png) center no-repeat}
.fixed-flolt .btn2:hover:before{background:url(../images/rlfltb02.png) center no-repeat}
.fixed-flolt .btn3{position: relative;}
.fixed-flolt .btn3:hover span{color: #f12036;font-size: 36px;position: absolute;background:url(../images/swt_bg.png);border-radius:20px;right: 0;top: 0;width: 368px;margin:0;padding: 14px 0 14px 68px;box-shadow: 0 5px 5px rgb(0 0 0 / 38%);}
.fixed-flolt .btn3:hover span:before{content:"";width:46px;height:50px;border-radius:14px;position:absolute;left:12px;top:0;bottom:0;margin:auto 0;box-shadow:0 3px 5px rgba(251,54,12,.67);transition:all linear .3s;background:url(../images/rlfltb03.png) center no-repeat}
.fixed-flolt .btn3:hover:before{display: none;}
.fixed-flolt .btn3:before{background:url(../images/rlfltb03.png) center no-repeat}
.fixed-flolt .btn4{width:180px;height:48px;border-radius:40px;background:url(../images/rlflxsbg.png) center no-repeat;display:block;margin-left:-2px;margin-top:17px;font-size:20px;color:#fff;text-align:center;font-weight:700;line-height:42px;cursor:pointer;animation:effect 1.2s linear infinite;box-shadow: 0 5px 5px rgb(138 0 0 / 38%)}
.back-top{width:84px;height:88px;background: url(../images/totop.png) no-repeat;position: absolute;bottom: 26px;left: 50%;margin-left: -42px;display: block!important;}
@keyframes backTop{0%,100%{top:8px}
50%{top:5px}
}
@-webkit-keyframes backTop{0%,100%{top:8px}
50%{top:5px}
}
@keyframes scaleChange{0%,100%{transform:scale(1)}
50%{transform:scale(.6)}
}
@-webkit-keyframes scaleChange{0%,100%{transform:scale(1)}
50%{transform:scale(.6)}
}
@keyframes effect{0%{transform:scale(1)}
50%{transform:scale(.9)}
100%{transform:scale(1)}
}
@media screen and (max-width:1440px){
.fixed-flolt{bottom:10%}
}
@media screen and (max-width:1280px){
.fixed-flolt{bottom:5%}
}
@media screen and (max-width:1048px){
.fixed-flolt{bottom:0%}
}
@media screen and (max-width:800px){
.fixed-flolt{display: none;}
}